<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/alarm/alarm.css', '../../css/list/listStyle1.css']);
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bg4b">
			<a class="mui-icon iconfont icon-shaixuan mui-pull-left" id='selectType'></a>
			<h1 class="mui-title">报警信息</h1>
			<a class="mui-icon iconfont icon-quanbu mui-pull-right" id="newType"></a>
		</header>
		<nav class="mui-bar mui-bar-tab kidNav bg4b">
			<a class="mui-tab-item mui-active" data-type="1">
				<span class="mui-tab-label">所有信息<i></i></span>
			</a>
			<a class="mui-tab-item" data-type="2">
				<span class="mui-tab-label">已处理<i></i></span>
			</a>
			<a class="mui-tab-item" data-type="3">
				<span class="mui-tab-label">未处理<i></i></span>
			</a>
		</nav>
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
			<div class="mui-scroll">
				<ul class="mui-table-view listStyle1" id="list_wrap">
				
					<!--<li class="mui-table-view-cell mui-media" data-id="2">
						<div class="mui-text-center mui-pull-left">
							<div class="">
								<img class="" src="../../images/img_info.svg">
							</div>
							<span class="mui-badge mui-badge-warning">故障</span>
						</div>
						<div class="mui-media-body info-content">
							<p class="title">（柯桥区）采洁物业</p>
							<p class='mui-ellipsis'>01号主机0016回路0217分区01号主机0016回路0217分区01号主机0016回路0217分区</p>
							<p class='mui-ellipsis'><i class="iconfont icon-location"></i> 地点：6#楼17层</p>
						</div>
						<div class="dec">
							<p>测试：否</p>
							<time>11-05 <br/> 10:15:11</time>
						</div>
					</li>-->
				</ul>
				
			</div>
		</div>
		
		<script type="text/html" id="alarmInfoList">
			{{each result as item}}
			<li class="mui-table-view-cell mui-media" style="align-items: center;" data-id="{{item.alarmId}}">
				<div class="mui-text-center mui-pull-left">
					<div class="">
						<img class="" src="../../images/img_info.svg">
					</div>
					{{if item.type == 1}}
						<span class="mui-badge mui-badge-danger">远程</span>
					{{else if item.type == 2}}
						<span class="mui-badge mui-badge-danger">用水</span>
					{{else if item.type == 3}}
						<span class="mui-badge mui-badge-danger">用电</span>
					{{else if item.type == 4}}
						<span class="mui-badge mui-badge-danger">预警</span>
					{{else if item.type == 5}}
						<span class="mui-badge mui-badge-danger">煤气</span>
					{{else if item.type == 6}}
						<span class="mui-badge mui-badge-danger">电桩</span>
					{{else if item.type == 7}}
						<span class="mui-badge mui-badge-danger">疏散</span>
					{{else if item.type == 8}}
						<span class="mui-badge mui-badge-danger">视频</span>
					{{else}}
						<span class="mui-badge mui-badge-success">其他</span>
					{{/if}}
				</div>					
				<div class="mui-media-body info-content">
					<p class="title">{{item.unitName}}</p>
					<p class='mui-ellipsis'>报警位置：{{item.alarmSite}}</p>
					<p class='mui-ellipsis'>报警时间：{{item.alarmTime}}</p>
					<p class='mui-ellipsis'><i class="iconfont icon-dizhi"></i> 地点：{{item.unitAddress}}</p>
				</div>
				<div>
					<span class="mui-badge mui-badge-warning">{{item.alarmTitle}}</span>
				</div>
			</li>
			
			{{/each}}
		</script>

		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/alarm/alarm.js']);
		</script>

	</body>

</html>
